﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css1.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
    <title>京东</title>
</head>

<body>
    <div class="header">
        <div class="header_box">
            <ul class="header_left">
                <li>送至：北京<span class="fa fa-angle-down"></span></li>

            </ul>
            <ul class="header_right">
                <li>你好，请登录<span class="fa fa-angle-down"></span></li>
                <li class="shu"></li>
                <li>免费注册<span class="fa fa-angle-down"></span></li>
                <li class="shu"></li>
                <li>我的订单<span class="fa fa-angle-down"></span></li>
                <li class="shu"></li>
                <li>我的京东<span class="fa fa-angle-down"></span></li>
                <li class="shu"></li>
                <li>京东会员<span class="fa fa-angle-down"></span></li>
                <li class="shu"></li>
                <li>企业采购<span class="fa fa-angle-down"></span></li>
                <li class="shu"></li>
                <li>手机京东<span class="fa fa-angle-down"></span></li>
                <li class="shu"></li>
                <li>关注京东<span class="fa fa-angle-down"></span></li>
                <li class="shu"></li>
                <li>客服服务<span class="fa fa-angle-down"></span></li>
                <li class="shu"></li>
                <li>网站导航<span class="fa fa-angle-down"></span></li>
            </ul>
        </div>
    </div>
    <div class="banner">
        <div class="banner_box">
            <div class="banner_x">
                x
            </div>

        </div>
    </div>
    <div class="search">
        <div class="search_box">
            <img class="search_logo" src="images/logo.png">
            <div class="search_seh">
                <input type="text">
                <span>搜索</span>
            </div>
            <div class="search_hotword">
                <a href="">11月11天</a>
                <a href="">11.11秒杀</a>
                <a href="">买2免1</a>
                <a href="">Note5黑</a>
                <a href="">12期免息</a>
                <a href="">智能科技</a>
                <a href="">清仓</a>
                <a href="">国际服饰</a>
                <a href="">优惠券</a>
            </div>
            <div class="shoppingcar">
                <a href="">俺的购物车</a>
                <span class="number">8</span>
                <span class="fa fa-angle-right"></span>
            </div>
        </div>
    </div>
    <div class="nav">
        <ul class="nav_box">
            <li class="redd">全部商品分类</li>
            <li>服饰城</li>
            <li>美妆馆</li>
            <li>超市</li>
            <li>全球购</li>
            <li>闪购</li>
            <li>团购</li>
            <li>拍卖</li>
            <li>金融</li>
            <li>智能</li>
        </ul>
    </div>
    <div class="header_center">
        <div class="header_center_box">
            <ul class="center_left clearfix">
                <li>家用电器<span class="fa fa-angle-right"></span></li>
                <li>手机、数码、京东通信<span class="fa fa-angle-right"></span></li>
                <li>家用电器<span class="fa fa-angle-right"></span></li>
                <li>手机、数码、京东通信<span class="fa fa-angle-right"></span></li>
                <li>家用电器<span class="fa fa-angle-right"></span></li>
                <li>手机、数码、京东通信<span class="fa fa-angle-right"></span></li>
                <li>家用电器<span class="fa fa-angle-right"></span></li>
                <li>手机、数码、京东通信<span class="fa fa-angle-right"></span></li>
                <li>家用电器<span class="fa fa-angle-right"></span></li>
                <li>手机、数码、京东通信<span class="fa fa-angle-right"></span></li>
                <li>家用电器<span class="fa fa-angle-right"></span></li>
                <li>手机、数码、京东通信<span class="fa fa-angle-right"></span></li>
                <li>家用电器<span class="fa fa-angle-right"></span></li>
                <li>手机、数码、京东通信<span class="fa fa-angle-right"></span></li>
                <li>手机、数码、京东通信<span class="fa fa-angle-right"></span></li>
            </ul>
            <div class="center_middle">
                <img src="images/11.jpg">
                <ul>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                </ul>
                <div class="left_btn"><span class="fa fa-angle-left"></span></div>
                <div class="right_btn"><span class="fa fa-angle-right"></span></div>
            </div>
            <div class="center_right">
                <div class="right_news">
                    <h1>京东快报</h1><span>更多<span class="fa fa-angle-right"></span></span>
                    <ul>
                        <li>[特惠]1元秒杀</li>
                        <li>[公告]母婴类APP【京东宝宝】上线</li>
                        <li>[特惠]美的品牌日APP嗨购大放"价"</li>
                        <li>[公告]京东深入蒙牛生产基地进行质检</li>
                        <li>[特惠]白条购家电，24期免费</li>
                    </ul>
                </div>
                <ul class="right_life">
                    <h1 class="clearfix">生活服务</h1>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                    <li><a href="">话费</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bottom">
        <ul class="bottom_picture clearfix">
            <li><img src="images/night.jpg"></li>
            <li class="picture"><img src="images/1.jpg"></li>
            <li class="picture"><img src="images/2.jpg"></li>
            <li class="picture"><img src="images/3.jpg"></li>
            <li class="picture"><img src="images/4.jpg"></li>
        </ul>
        <div class="slogen_box">
            <ul class="slogen clearfix">
                <li><img src="images/slogen1.png"></li>
                <li><img src="images/slogen2.png"></li>
                <li><img src="images/slogen3.png"></li>
                <li><img src="images/slogen4.png"></li>
            </ul>
        </div>
        <div class="list_word clearfix">
            <ul>
                <h1>购物指南</h1>
                <li>购物流程</li>
                <li>会员介绍</li>
                <li>生活旅行团购</li>
                <li>常见问题</li>
                <li>大家电</li>
                <li>联系客户</li>
            </ul>
            <ul>
                <h1>购物指南</h1>
                <li>购物流程</li>
                <li>会员介绍</li>
                <li>生活旅行团购</li>
                <li>常见问题</li>
                <li>大家电</li>
                <li>联系客户</li>
            </ul>
            <ul>
                <h1>购物指南</h1>
                <li>购物流程</li>
                <li>会员介绍</li>
                <li>生活旅行团购</li>
                <li>常见问题</li>
                <li>大家电</li>
                <li>联系客户</li>
            </ul>
            <ul>
                <h1>购物指南</h1>
                <li>购物流程</li>
                <li>会员介绍</li>
                <li>生活旅行团购</li>
                <li>常见问题</li>
                <li>大家电</li>
                <li>联系客户</li>
            </ul>
            <ul>
                <h1>购物指南</h1>
                <li>购物流程</li>
                <li>会员介绍</li>
                <li>生活旅行团购</li>
                <li>常见问题</li>
                <li>大家电</li>
                <li>联系客户</li>
            </ul>
            <ul class="china">
                <h1>京东自营覆盖区县</h1>
                <li>京东已向全国2357个县区提供自营配送服务，支持货到付款、pos机刷卡和售后上门服务。</li>
            </ul>
        </div>
    </div>


</body>

</html>